@charset "utf-8";
Style {
	font-family: Tahoma;
	font-size: 14px;
	font-style: normal;
}

body {
	margin: 0px;
	padding: 0px;
	color: #3db1ff;
	font-family: Helevetica,Arial,sans-serif;
	font-size: 13px;
	line-height:1.5em; 
	background-color:#ffffff;
	background-image: url(images/web/bgoooo.png) ;
	background-repeat: no-repeat;
	background-position: top center;
}

a, a:link, a:visited {
	color: #1389d8;
	text-decoration: none;
}

a:hover {
	color: #99FF00;
	text-decoration: none;

}
img { border: none; }

h1 { font-size: 16px; font-weight: bold; line-height: 28px; margin: 0 0 0px 0; padding: 0; color: #000000; }
h2 { font-size: 1px; font-weight: bold; line-height: 28px; margin: 0 0 0px 0; padding: 0; color: #FFFFFF; }
h3 { font-size: 21px; margin: 0 0 10px 0; padding: 0; padding: 0; font-weight: normal; }
h4 { font-size: 18px; margin: 0 0 20px 0; padding: 0; color: #28a828;}
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; color:#fff; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; color:#fff;}

.dashed { position: relative; width: 100%; padding: 0px 0px 25px; margin: 0 0 25px 0px; background: url(images/web/dashed-border.png) bottom repeat-x; text-shadow: 0 0 1px rgba(255,255,255,0.01); z-index: 1; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }
#clear_line { border-bottom: 1px dashed #999; clear: both;}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.image_wrapper {
	display: inline-block;
	padding: 8px;
	border: 1px solid #999;
	background: #ffffff;
	margin-bottom: 10px;
}
.fl_img {
	float: left;
	margin: 3px 30px 15px 0;
}
.fr_img {
	float: right;
	margin: 3px 0 15px 15px;
}

blockquote { font-style: italic; margin-left: 10px;}
cite { font-weight: bold; color:#fff; }
cite span { color: #ccc; }

.web_list {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}.web_list img {
float: left;
display: block; 
padding: 0;
margin: 0px 20px 0 40px;
border: 0px solid #d3d5d0;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
border-radius: 8px;
behavior: url(PIE.htc);

}.web_list p{
	width:250px;
	margin-left:10px;
	list-style: none;
}
.web_list li {
	margin:0 0 10px;
	padding:0 0 0 0px;
	line-height: 1em;

}

.button a {
	clear: both;
	display: block;
	width: 102px;
	height: 27px;
	padding: 5px 0 0 0;
	background: url(../images/images/web/web_button.png) no-repeat;
	color: #333;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.button a:hover {
	color: #000;
	background: url(../images/img/web/web_button_hover.png) no-repeat;
}


#web_wrapper {
	width: 970px;
	margin: 0 auto;
	background: url(../images/img/web_wrapper.png) repeat-y;
	background-color:#FFFFFF;
}

/* header */

#web_header {
	width: 950px;
	height: 150px;
	margin: 0 10px;
	text-indent:-9999px;
	background: url(../images/img/logo.gif) no-repeat;
}
#slideshow {
	width:950px;
	clear: both;
	margin: 0 10px;
	padding-top: 0px;

}

#web_header #header_left {
	float: left;
	width: 300px;
}

#web_header #header_right {
	float: right;
	width: 500px;
	margin-right: 30px;
}

#web_header  #site_title {
	width: 250px;
	padding: 20px 0 0 20px;
}

#web_header  #site_title a{
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

#web_header  #site_title a span {
	display: block;
	text-align: left;
	font-size: 14px;
	color: #333;
	font-weight: normal;
	margin-left: 5px;
}

#social_box {
	float: right;
	display: inline-block;
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

#social_box li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#social_box li a {
	width: 46px;
	height: 46px;
	margin-right: 5px;
}

/* end of header */

/* social */

#social_box {
	float: right;
	display: inline-block;
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

#social_box li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#social_box li a {
	width: 46px;
	height: 46px;
	margin-right: 5px;
}


/* end of social */

/* menu */

#web_menu {
    width: 950px;
	height:126px;
	margin-left:10px;
	background-image: url(../images/img/menu_bg.gif);
	background-repeat:no-repeat;
}

#content_wrapper {
	clear: both;
	margin: 0 10px;
	padding-top: 0px;
	background: #FFFFFF;
}
#slide_show {
	width:800px;
	clear: both;
	margin: 0 30px;
	padding-top: -10px;

}

#content_wo_sb {
	clear: both;
	padding: 30px;
}

#content {
	float: left;
	width: 930px;
	padding: 0 10px 10px;	
}
/**********************3 เมนูด้านล่าง***********************/
#foot_content {
	width:465px;
	float: left;
	clear:both;
}#foot_content_qa_top {
	background-image: url(images/border/qa_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 300px;
	height: 55px;
}#foot_content_calenda_top {
	background-image: url(images/border/calendar_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 465px;
	height: 55px;
}#foot_content_poll_top {
	background-image: url(images/border/poll_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 465px;
	height: 55px;
}#foot_content_bg {
	background-image: url(images/border/foot_content_bg.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 465px;
	height: 280px;
}#foot_content_bg a:hover{
	color:#3db1ff;
}#foot_content_foot {
	background-image: url(images/border/foot_content_foot.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 465px;
	height: 18px;
}
/**********************ปิด 3 เมนูด้านล่าง***********************/
/**********************เมนูด้านซ้าย***********************/
#left_content {
	float: left;
	width: 210px;
}#left_top {
	background-image: url(images/border/l_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 210px;
	height: 13px;
}#left_top_scimenu {
	background-image: url(../images/img/sci_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 210px;
	height: 40px;
}#left_top_linkmenu {
	background-image: url(../images/img/sci_link.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 210px;
	height: 40px;
}#left_bg {
	background-image: url(../images/img/l_bg.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 210px;
}#left_bg ul {
	padding:0;
     margin:0;
     list-style:none;
     float:left; 
	}
#left_bg li { 
	 padding:0;
     display:block;
     float:left; 
	 clear: both;
	 
}
#left_bg li a {
	 width:182px;
     float:left;
     color:#000000;
     text-decoration:none;  
	 margin-left:5px;
	 padding:2px 0px 0px 15px;
	 border-bottom:1px solid #F5F5F5;
	 background-image:url(images/button/arrow.gif);
	 background-repeat:no-repeat;
	 
}#left_bg li a:hover {
	 width:182px;
     float:left;
     color:#C60;
     text-decoration:none;  
	 padding:2px 0px 0px 15px; 
	 background-repeat:no-repeat; 
}#left_footer {
	background-image: url(../images/img/l_footer.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 2px;
	float: left;
	width: 210px;
	height: 11px;
}
/**********************ปิดเมนูด้านซ้าย***********************/

/**********************เมนูด้านขวา***********************/
#right_content {
	float: right;
	width: 210px;
	margin-right:-10px;

}#right_top_direct {
	background-image: url(images/border/direct_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 210px;
	height: 48px;
}#right_top_tel {
	background-image: url(images/border/tel_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 210px;
	height: 48px;
}#right_top_linkmenu {
	background-image: url(images/border/link_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 210px;
	height: 48px;
}#right_bg {
	background-image: url(images/border/l_bg.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 210px;
}#right_bg ul {
	padding:0;
     margin:0;
     list-style:none;
     float:right; 
	}
#right_bg li { 
	padding:0;
     display:block;
     float:right; 
	 clear: both;
}
#right_bg li a {
	 width:182px;
     height:33px;
     float:right;
     color:#597490;
     text-decoration:none;  
	 margin-right:9px;
	 padding:10px 0px 0px 10px;
	 background:url(images/border/m_link.gif) no-repeat;	
}#right_bg li a:hover {
	 width:182px;
     height:33px;
     padding:10px 0px 0px 10px;
     float:right;
     color:#597490;
     text-decoration:none;  
	background:url(images/border/m_active.gif) no-repeat;
}#right_footer {
	background-image: url(images/border/l_footer.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 210px;
	height: 13px;
}
/**********************ปิดเมนูด้านขวา***********************/


/**********************เมนูตรงกลาง***********************/
#center_content {
	float: left;
	width: 710px;
	padding: 0 2px 0px;	

}
#center_more {
	margin: 0px;
	padding: 13px 30px 0px 0px;
	float:right;
}#center_more a{
	color:#000000;
}#center_more a:hover{
	color:#F60;
}#pg_top {
	background-image: url(images/border/pagad.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 510px;
	height: 55px;
}
#news_top {
	background-image: url(images/border/newstop.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 510px;
	height: 55px;
}#news_bg {
	background-image: url(images/border/center_content_bg.gif);
	background-repeat: repeat-y;
	margin-left: 0px;
	float: left;
	width: 510px;
	text-align:left;
}#news_bg a{
	color:#000;
}#news_bg a:hover{
	color:#F60;
}#news_foot {
	background-image: url(images/border/c_footer.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 510px;
	height: 40px;
}#gallery_top {
	background-image: url(images/border/gallery.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 510px;
	height: 55px;
}#gallery_bg {
	background-image: url(images/border/center_content_bg.gif);
	background-repeat: repeat-y;
	margin-left: 0px;
	float: left;
	width: 510px;
	text-align:left;
}#gallery_bg a{
	color:#000;
}#gallery_bg a:hover{
	color:#F60;
}#gallery_foot {
	background-image: url(images/border/c_footer.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 510px;
	height: 40px;
}#board_top {
	background-image: url(images/border/board.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 510px;
	height: 55px;
}#board_bg {
	background-image: url(images/border/center_content_bg.gif);
	background-repeat: repeat-y;
	margin-left: 0px;
	float: left;
	width: 510px;
	text-align:left;
}#board_bg a{
	color:#000;
}#board_bg a:hover{
	color:#F60;
}#board_foot {
	background-image: url(images/border/center_content_foot.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 510px;
	height: 19px;
}
/**********************ปิดเมนูตรงกลาง***********************/
#content p {
	text-align: justify;
	padding: 0 38px 0px 20px;
	font-size:14px;
	color:#3399ff;
}

#content_text {
	text-align: justify;
	padding: 0 38px 0px 20px;
}

/************************************กล่องเนื้อหาแบบเต็ม***********************************************/
#full_content {
	float: left;
	width: 713px;
	color:#949494;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:16px;
}#fullcontent_bg {


	font-size:14px;
	color:#1389dc;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 713px;
}#fullcarendar_bg {
	font-size:14px;
	color:#1389dc;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 713px;
	height:400px;
}#fullboard_bg {
	background-image: url(images/border/fullcontent_bg.gif);
	background-repeat: repeat-y;
	font-weight:normal;
	font-size:14px;
	color:#1389dc;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 713px;
}#fullboard_bg a {
	color:#1389dc;
}#fullboard_bg a:hover {
	color: #00F;
}p {
	font-size:14px;
}#fullcontent_foot {
	background-image: url(../images/img/full_footer.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 713px;
	height: 40px;
}#fullcontent_top {
	background-image: url(../images/img/carendar.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 713px;
	height: 20px;
}#fullnews_top {
	background-image: url(img/full_news.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 713px;
	height: 45px;
}#fullcarendar_top {
	background-image: url(../images/img/carendar.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 713px;
	height: 45px;
}#fullgallery_top {
	background-image: url(../images/img/full_gallery.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 713px;
	height: 45px;
}#fullnews2_top {
	background-image: url(../images/img/full_pk.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 713px;
	height: 45px;
}#fullboard_top {
	background-image: url(images/border/fullboard_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 713px;
	height: 57px;
}#fullbasic_top {
	background-image: url(images/border/basic.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 713px;
	height: 57px;
}#fullpoll_top {
	background-image: url(images/border/poll.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 713px;
	height: 57px;
}#fullload_top {
	background-image: url(images/border/load.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 713px;
	height: 57px;
}#fullcourse_top {
	background-image: url(images/border/course.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 713px;
	height: 57px;
}

.col_w260 {
	width: 260px;
}



/* footer */

#web_footer {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	width: 890px;
	height:190px;
	margin: 0 55px;
	padding: 30px;

}

#web_footer .footer_box {
	float: left;
	width: 250px;
	height:170px;
	padding-right: 20px;
}#web_footer .footer_box a {
	color:#000000;
	margin-left:5px;


}#web_footer .footer_box a:hover {
	color:#28a828;

}

#web_footer ul { padding: 0; margin: 0; list-style: none; }

#web_footer li { padding: 0; margin: 0 0 5px 0; }

#web_footer li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dashed #999;
}

#web_footer li a:hover {
	color: #6CF;
}

#web_footer .last {
	padding-right: 0;
}

/* end of footer */

/* copyright */

#web_copyright {
	width: 890px;
	margin: 0 10px;
	padding: 10px 30px;
	text-align: center;
	color:#FFFFFF;
	background: #252525;
}
#person{
float: left;
width:110px;	
}
/* end of footer */

/*-----------------------login_form-------------------*/
.text_box{
width:250px;
height:144px;
padding:15px 0 0 20px;
background:url(images/web/text_box.gif) no-repeat center;
background-position:12px 0px;
}.login_form_row{
float:left;
padding:4px 0 4px 0;
}
.text_box2{
width:250px;
height:144px;
padding:15px 0 0 20px;
background:url(images/web/text_box.gif) no-repeat center;
background-position:12px 0px;
}.login_form_row{
float:left;
padding:4px 0 4px 0;
}
label.login_label{
width:70px;
float:left;
padding:3px 5px 0 0;
color:#ffffff;
text-align:right;
}
input.login_input{
width:153px;
height:18px;
float:left;
border:1px #9dbbc6 solid;
background-color:#fff;
color: #000;
}
input.login{
float:right;
padding:10px 20px 0 0;
}.title{
width: 230px;

font-size:12px;
color:#ffffff;
font-weight:none;
}.title a{
width: 230px;
color:#ffffff;
font-size:12px;
font-weight:none;
}
/*-----------------------------book*/
.book-box {
	clear: both;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	
	
}


ul.book-box{  
     display:block;float:left;  
	 list-style:none;  
     padding:0;margin:0;  
     width:615px;   
/*  background-color:#FFCCCC;*/  
     border:0px solid #6bd800;  /* เทียบใกล้เคียงกับการกำหนด  ของ table  */    
     padding:2px 0 2px 2px;  
 }  


 ul.book-box li{  
     list-style:none;  
     display:block;float:left;  
     margin:2px;  /* เทียบใกล้เคียงกับการกำหนด  cellspacing"  ของ table  */  
     margin-left:3px;  
     padding:5px; /* เทียบใกล้เคียงกับการกำหนด  cellpadding  ของ table  */  
     border:0px solid #2691fe;  /* เทียบใกล้เคียงกับการกำหนด border ใน td ของ table  */  
	 -moz-border-radius: 8px;
-webkit-border-radius:8px;
border-radius: 8px;
background: #caeaff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#caeaff), to(#80ccff));
background: -webkit-linear-gradient(#caeaff, #80ccff);
background: -moz-linear-gradient(#caeaff, #80ccff);
background: -ms-linear-gradient(#caeaff, #80ccff);
background: -o-linear-gradient(#caeaff, #80ccff);
background: linear-gradient(#caeaff, #80ccff);
-pie-background: linear-gradient(#caeaff, #80ccff);
behavior: url(PIE.htc);
     width:289px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */
	 height: 130px; 
	 A:hover COLOR: #FF0000; TEXT-DECORATION: none
	
 }
 .fullbook-box {
	clear: both;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	
	
}


ul.fullbook-box{  
     display:block;float:left;  
	 list-style:none;  
     padding:0;margin:0;  
     width:885px;   
     border:0px solid #6bd800;  /* เทียบใกล้เคียงกับการกำหนด  ของ table  */    
     padding:2px 0 2px 2px;  
 }  


 ul.fullbook-box li{  
     list-style:none;  
     display:block;float:left;  
     margin:2px;  /* เทียบใกล้เคียงกับการกำหนด  cellspacing"  ของ table  */  
     margin-left:25px;  
     padding:5px; /* เทียบใกล้เคียงกับการกำหนด  cellpadding  ของ table  */  
     border:0px solid #2691fe;  /* เทียบใกล้เคียงกับการกำหนด border ใน td ของ table  */  
	 -moz-border-radius: 8px;
-webkit-border-radius:8px;
border-radius: 8px;
background: #caeaff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#caeaff), to(#80ccff));
background: -webkit-linear-gradient(#caeaff, #80ccff);
background: -moz-linear-gradient(#caeaff, #80ccff);
background: -ms-linear-gradient(#caeaff, #80ccff);
background: -o-linear-gradient(#caeaff, #80ccff);
background: linear-gradient(#caeaff, #80ccff);
-pie-background: linear-gradient(#caeaff, #80ccff);
behavior: url(PIE.htc);
     width:405px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */
	 height: auto;
	 A:hover COLOR: #FF0000; TEXT-DECORATION: none
	
 }
 /*-----------------------------book*/
.pic-box {
	clear: both;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	
	
}
.pic-box ul{  
     display:block;
	 float:left;  
	 list-style:none;  
     padding:0;margin:0;  
     width:900px;   
/*  background-color:#FFCCCC;*/  
     border:0px solid #6bd800;  /* เทียบใกล้เคียงกับการกำหนด  ของ table  */    
     padding:2px 0 2px 2px;  
 }  
.pic-box ul li{  
list-style:none;  
display:block;
float:left;  
margin:2px;  /* เทียบใกล้เคียงกับการกำหนด  cellspacing"  ของ table  */  
margin-left:6px;  
padding:5px; /* เทียบใกล้เคียงกับการกำหนด  cellpadding  ของ table  */  
border:0px solid #2691fe;  /* เทียบใกล้เคียงกับการกำหนด border ใน td ของ table  */  
-moz-border-radius: 8px;
-webkit-border-radius:8px;
border-radius: 8px;
background: #caeaff;
behavior: url(PIE.htc);
width:200px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */
height: 120px; 
}
 /*---------ตาราง-------------*/ 
.table1 { border-collapse: collapse;}
.table1 th { font-size: 16px; font-weight:normal; color: #000000; border-bottom: 2px solid #3db1ff; padding: 2px 8px; }
.table1 td { border-bottom: 1px dashed #b5a5c7; padding: 6px 8px; color:#000000;}

.table-a
{
 
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
}
.table-a th
{
	padding:5px;
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	background: #000000;
	color: #ffffff;
	border-right:#a5b6c7 1px dashed;
	border-top:#a5b6c7 1px dashed;
	border-left:#a5b6c7 1px dashed;
	border-bottom:#a5b6c7 1px dashed;
}
.table-a td
{
	padding-left:2px;
	font-size: 14px;
	background: #fff; 
	border-bottom: 1px dashed #a5b6c7;
	color: #000000;
	border-right:#a5b6c7 1px dashed;
	border-top:#a5b6c7 1px dashed;
	border-left:#a5b6c7 1px dashed;
}
.table-a tr:hover td
{
	background: #d0dafd;
	color: #3399ff;
}


/*-------------------------------  คอมเม้น  -----------------------------------*/
.no_comment {
font-size: 14px;
height:30px;
font-weight:normal; 
color: #1389d8; 
border: 0px solid #3db1ff;
margin-top:10px; 
padding: 12px 0 2px 300px; 
-moz-border-radius: 8px;
-webkit-border-radius:8px;
border-radius: 8px;
background: #99F4FF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#99F4FF), to(#33A8EE));
background: -webkit-linear-gradient(#99F4FF, #33A8EE);
background: -moz-linear-gradient(#99F4FF, #33A8EE);
background: -ms-linear-gradient(#99F4FF, #33A8EE);
background: -o-linear-gradient(#99F4FF, #33A8EE);
background: linear-gradient(#99F4FF, #33A8EE);
-pie-background: linear-gradient(#99F4FF, #33A8EE);
behavior: url(PIE.htc);
}.comment {
font-size: 14px;
min-height:200px;
height:auto;
font-weight:normal; 
color: #1389d8; 
border: 1px solid #3db1ff;
margin-top:10px; 
padding: 12px 0 2px 30px; 
-moz-border-radius: 8px;
-webkit-border-radius:8px;
border-radius: 8px;

behavior: url(PIE.htc);
}.comment p{
font-size: 14px;
font-weight:normal; 
color: #1389d8;
margin-left:120px;
}.comment_pic {
float:left;
font-size: 14px;
width:120px;
height:148px;
font-weight:normal; 
color: #1389d8; 
margin-top:10px; 
padding: 0px 0 2px 0px; 
border: 0px solid #12dafa;
-moz-border-radius: 8px;
-webkit-border-radius:8px;

behavior: url(PIE.htc);
}fieldset { padding: 1px 10px; margin: 1.5em 0; border: solid 1px #e5e5e5; border-radius: 4px; }
input.formindex[type=text], input.formindex[type=password], input.formindex[type=email], input.formindex[type=url], input.formindex[type=tel], textarea {
background-color: #fcfcfc; border: solid 1px #e0e0e0; padding: 8px 10px; min-width: 188px; font-weight: 300; color: #696868; }
input.formindex[type=text]:focus, input.formindex[type=password]:focus, input.formindex[type=email]:focus, input.formindex[type=url]:focus, input.formindex[type=tel]:focus, textarea:focus, .sc-button:hover, input.formindex[type=submit]:hover, input.formindex[type=reset]:hover {
border-color: #f89c5f;
-webkit-box-shadow: 0 0 5px rgba(255,191,123,0.75);
-moz-box-shadow: 0 0 5px rgba(255,191,123,0.75);
box-shadow: 0 0 5px rgba(255,191,123,0.75); }
form input::-webkit-input-placeholder { color: #696868; }

a.sc-button { margin: 0 0 1.3em 12px; float: left; }
.sc-button, input[type=submit], input[type=reset] { border: solid 1px #d9d9d9; padding: 7px 1.7em; border-radius: 3px; background: #fcfcfc; color: #3b3b39 !important;
text-shadow: 0 1px 0 white;
-webkit-box-shadow: 0 0 3px rgba(255,255,255,1) inset;
-moz-box-shadow: 0 0 3px rgba(255,255,255,1) inset;
box-shadow: 0 0 3px rgba(255,255,255,1) inset;
background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e2e2e2)); /* Webkit */
background: -moz-linear-gradient(top,  #fcfcfc,  #e2e2e2); /* Firefox */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#e2e2e2'); /* Internet Explorer */ }

.sc-button:hover, input[type=submit]:hover, input[type=reset]:hover { cursor: pointer; text-decoration: none; }

abbr:hover { cursor: help; }
/*------------เดินหน้า-ถอยหลัง----------------*/
#page_menu {
	float: left;
	width: 870px;
	height:61px;
	padding: 5px 0 0px 20px;

}

 /* กล่องบุคคลกรทั่วไป*/
.person_box {
	clear: both;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
}


ul.person_box{  
     display:block;float:left;  
	 list-style:none;  
     padding:0;margin:10;  
     width:899px;
	 height:auto;   
  /*background-color:#defaeb;  */
     border:0px solid #000000;  /* เทียบใกล้เคียงกับการกำหนด  ของ table  */    
     padding:2px 0 2px 2px;  
 }  


 ul.person_box li{  
     list-style:none;  
     display:block;float:left;  
     /*background-color:#edfdf3; */ 
     margin:2px;  /* เทียบใกล้เคียงกับการกำหนด  cellspacing"  ของ table  */  
	 margin-left:0px!important;
	 margin-left:0px;
     padding:13px; /* เทียบใกล้เคียงกับการกำหนด  cellpadding  ของ table  */  
     border:1px solid #e5e5e5;  /* เทียบใกล้เคียงกับการกำหนด border ใน td ของ table  */  
     width:400px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */
	 height: 140px; 
	 color:#0066cc;
 } 
 /* ปิดกล่องบุคคลกรทั่วไป* */
 
 
 
  /* กล่องหัวหน้า*/
.person_box1 {
	clear: both;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
}


ul.person_box1{  
     display:block;float:left;  
	 list-style:none;  
     padding:0;margin:10;  
     width:899px;
	 height:auto;   
  /*background-color:#defaeb;  */
     border:0px solid #000000;  /* เทียบใกล้เคียงกับการกำหนด  ของ table  */    
     padding:2px 0 2px 2px;  
 }  


 ul.person_box1 li{  
     list-style:none;  
     display:block;float:left;  
     /*background-color:#edfdf3; */ 
     margin:2px;  /* เทียบใกล้เคียงกับการกำหนด  cellspacing"  ของ table  */  
	 margin-left:200px;
     padding:7px; /* เทียบใกล้เคียงกับการกำหนด  cellpadding  ของ table  */  
     border:1px solid #83928f;  /* เทียบใกล้เคียงกับการกำหนด border ใน td ของ table  */  
     width:410px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */
	 height: 150px; 
	 color:#0066cc;
 } 
 /* ปิดกล่องหัวหน้า* */
 
.sidebar_box { clear: both;	width: 235px; margin-bottom: 30px; }

.sb_title {
	width: 175px;
	height: 20px;
	padding: 9px 30px;
	font-size: 18px;
	color: #666666;
	background: url(images/theme_sidebar_box_top.jpg) no-repeat top left;
}
.sb_content { 
	padding: 20px 30px;
	background: url(images/theme_sidebar_box_middle.jpg) repeat-y left;
}
.sb_bottom {
	height: 8px;
	background: url(images/theme_sidebar_box_bottom.jpg) no-repeat top left
}

.sb_news_box { border-bottom: 1px solid #ccc; padding: 0 0 20px 25px; margin-bottom: 20px; background: url(images/theme_news.png) top left no-repeat }
.sb_news_box a { color: #333 }
.sb_news_box span { display: block; color: #8e9924 }
/*   เริ่มกรอบรูป  */
.sample8 span {  
     width: 170px;  
     height: 113px;  
     display: block;  
     position: absolute;  
     top: 5px;  
     left: 6px;  
     background: url(images/round-corner.png) no-repeat;  
 }  
 .sample8 img {  
     border: none;  
     padding: 5px 6px 6px;  
     background: url(images/round-bg.gif) no-repeat;  
 }
 /*กำหนดค่าของ form tesxbox ต่างๆ*/
input,select{
	font-size:16px;
	border: 1px solid #acacac;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	background: #ffffff;
/*text-shadow: 0px 1px 1px #3d3d3d;*/
	margin: 0px;
	padding: 6px;
	color: #b2b2b2;
}input:focus,select:focus{
	font-size:16px;
	border: 1px solid #ff8000;
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	background-color: #FFFFFF;
	margin: 0px;
	color: #000000;
}

div#menu {
    height:126px;
    background:url(images/nav-bg.gifg) repeat-x;
    _background:url(images/nav-bg.gif) repeat-x;
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-left: 30px;
}

div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}
   
div#menu li:hover>ul {
    left: -2px;
}

div#menu li div {
    list-style: none;
    float: left;
    position: absolute;
    top: 95px;
    left: 0;
    width: 208px;
    z-index: 11;
    visibility: hidden;
    padding: 0 0 9px 7px;
    _padding: 0 0 9px 3px;
    background: url(images/submenu-bottom.png) no-repeat 7px bottom;
    _background-image: url(images/submenu-bottom.gif);
    margin: 0 0 0 -9px;
}
div#menu li:hover>div {
    visibility: visible;
}

div#menu li.current a {}

/* menu::level1 */
div#menu a {
    position: relative;
    z-index: 10;
    height: 126px;
    display: block;
    float: left;	
    padding: 0 10px 0 10px;
    line-height: 55px;
    text-decoration: none;
}
div#menu span {
    font: normal 12px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;
    padding-top: 55px;
    color:#000000;
    font-weight:bold;
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;		
}
div#menu ul a:hover span {
    color: #ffffff;
}

div#menu li { background: url(../images/img/nav_separator.png) left no-repeat; }
div#menu li.last span{
    background: url(../images/img/nav_separator.png)  right no-repeat;
    padding: 18px 10px 16px 0;
}

/* menu::level2 */
div#menu ul ul li {
    background: url(images/nav_dropdown_sep.gif) left bottom repeat-x;
    padding: 4px 0;
    z-index: 9;	
}
div#menu ul ul {
    z-index: 12;	
    padding: 0;
    background: rgb(255,208,16) url(images/nav_dropdown_grad.png) right top no-repeat;
    margin-top:0px;
    margin-left:4px;
    margin-right:5px;
}
div#menu ul ul a {
  	width: 184px;
	padding: 0px 7px 3px 8px;
    height: auto;
    float: none;
    display: block;
    background:none;
    margin-bottom: 2px;
    z-index: -1;
}
div#menu ul ul a span {
	padding: 0 10px 0px 10px;
    line-height: 20px;
    color: #000000;
    font-weight:normal;
    text-transform: none;
    background:none;
}
div#menu ul ul a:hover {
    background: url(images/submenu-selected-bottom.gif) no-repeat 8px bottom;
}
div#menu ul ul a:hover span {
    background: url(images/submenu-selected-top.gif) no-repeat 0px 0px;
    color: #fff;
}

div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
    width: 208px;
    margin: -96px 0 0 190px !important;
    height: auto;
    _padding: 0 0 9px 3px;
}
div#menu ul ul ul {
	_padding-right:1px;
}

/* lava lamp */
div#menu li.back {
}
div#menu li.back .left {
}

